// JavaScript Document
$(function(){
		$('#top-con .top-right .shopping-cart').mouseover(function(){
			$('#top-con .top-right .shopping-cart .shopping-two').show()
		})
		$('#top-con .top-right .shopping-cart').mouseout(function(){
			$('#top-con .top-right .shopping-cart .shopping-two').hide();
		})
		
	})

// 二级菜单显隐
$(function(){

	$('#navigation .top .sort .box').mouseover(function(){
			// 获得当前li的序号
			var cur = $(this).index('li');

			// 让对应序号的con显示，其他的隐藏
			$('#navigation .top .sort .con').eq(cur).show().siblings('.con').hide();
		})
	$('#navigation .top .sort').mouseout(function() {
		$('#navigation .top .sort .con').hide();
		
	});

	$('#navigation .top .cate-out').mouseover(function() {
		$('#navigation .top .sort').show();
	});
		$('#navigation .top .cate-out').mouseout(function() {
			$('#navigation .top .sort').hide();
			
		});

})
$(function(){
	// alert(1);
	// 列表页面的点击js效果
	$('#con .list .title').toggle(function() {
		$(this).parent('dl').children('dd').toggle(400)
	}, function() {
		$(this).parent('dl').children('dd').toggle(400)
	});
	$('#con .list .title').mouseover(function(event) {
		$(this).addClass('bg');
	});
	$('#con .list .title').mouseout(function(event) {
		$(this).removeClass('bg');
	});

	$('#con .list .hot dd').mouseover(function(event) {
		$(this).addClass('bg');
	});
	$('#con .list .hot dd').mouseout(function(event) {
		$(this).removeClass('bg');
	});
	// 列表页点击显示和隐藏对号
	$('#con .list .hot dd').toggle(function() {
		$(this).children('span').toggle()
	}, function() {
		$(this).children('span').toggle()
	});
	// 列表页面颜色鼠标移动上去放的结果
	$('#con .content .pro .color img').mouseover(function(event) {
		$(this).addClass('bg');
		var name=$(this).attr('pic');
		var src=TEMPLATE +"/Images/"+name;
		// $('#con .content .pro .main').attr('src',src);
		$(this).parent('.color').parent('.pro').children('.main').attr('src',src);
	});
	$('#con .content .pro .color img').mouseout(function(event) {
		$(this).removeClass('bg');
	});
	
	//点击收藏桃心显示红色
	$('#con .content .pro .price .love').toggle(function() {
		$(this).addClass('bg')
	}, function() {
		$(this).removeClass('bg')
	});

	// 图片放上去显示的阴影效果
	$('#con .content .pro').mouseover(function(event) {
		$(this).addClass('bg');
		$(this).find('.love').show();
	});
	$('#con .content .pro').mouseout(function(event) {
		$(this).removeClass('bg');
		$(this).find('.love').hide();
	});
})